<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Heinz Li">
    <meta name="viewport" content="width=device-width,initial-scale=1.0" >
    <title>众说分云|汇聚云端用户真实声音</title>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/signin.css">
    <link rel="stylesheet" type="text/css" href="css/overall.css">

    <style>
        body{
            padding:0;
        }


        .login-sign-tab ul{
            list-style-type: none;
            padding:0;
            margin:0;
            left:50%;
            text-align: center;

        }

        .login-sign-tab ul li{
            display: inline;
        }

        .login-sign-tab ul li a{
            font-size: 20px;
            color: black;
            text-decoration: none;
            border-bottom:3px solid #3388cc;

        }

        .login-sign-tab ul li a:hover,
        .login-sign-tab ul li a:focus, {
            background-color: transparent;
            border-bottom-color: #a9a9a9;
            border-bottom-color: rgba(255,255,255,.25);

        }

        .login-sign-tab .active a,
        .login-sign-tab .active a:hover,
        .login-sign-tab .active a:focus, {
            color: #fff;
            border-bottom-color: #fff;

        }



        .form-signin{
            margin-top: 40px;
        }
    </style>
</head>
<body>

    <nav class="navbar">
        <div class="container">
            <div class="navbar-header" style="text-align:center">
                <span class="title">发现</span>
            </div>
        </div>
    </nav>

    <!--<div data-role="header">-->
        <!--<nav class="navbar navbar-inverse" role="navigation" style="margin:0px">-->
            <!--<span class="title">众说分云</span>-->
        <!--</nav>-->
    <!--</div>-->

    <!--<div data-role="main" class="ui-content" >-->
        <!--<div id="login" class="container-fluid">-->
            <!--&lt;!&ndash;<ul id="login-sign-tab" class="nav nav-pills nav-justified" role="tablist">&ndash;&gt;-->
                <!--&lt;!&ndash;<li role="presentation">登录</li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li role="presentation">注册</li>&ndash;&gt;-->
            <!--&lt;!&ndash;</ul>&ndash;&gt;-->
            <!--<div style="text-align: center">-->
                <!--<h2 >众说分云</h2>-->
                <!--汇聚云端用户真实声音-->
            <!--</div>-->

            <!--<div class="login-sign-tab">-->
                <!--<ul>-->
                    <!--<li class="tab-item active"  role="presentation"><a href="#">登录</a></li>-->
                    <!--<li class="tab-item" role="presentation"><a href="#">注册</a></li>-->
                <!--</ul>-->
            <!--</div>-->




            <!--<div class="login-box">-->
                <!--<div class="form-group">-->
                    <!--<input type="email" class="form-control" id="exampleInputEmail1" placeholder="用户名">-->
                <!--</div>-->
                <!--<div class="form-group">-->
                    <!--<input type="password" class="form-control" id="exampleInputPassword1" placeholder="密码">-->
                <!--</div>-->
            <!--</div>-->



            <!--<label style="border:0;"><input type="checkbox">-->
                <!--记住我-->
                <!--<span style="padding-right:0px"><a href="#">忘记密码?</a></span>-->
            <!--</label>-->


            <!--<a href="html/home.html">-->
                <!--<button type="submit"  class="btn btn-default" style="background-color: #4cae4c">登录</button>-->
            <!--</a>-->
            <!--社交账号登录 <span>微信</span>-->
            <!--</div>-->

        <form class="form-signin">
            <div style="text-align: center">
                <h2 class="form-signin-heading">众说分云</h2>
                汇聚云端用户真实声音<br>
                <div class="login-sign-tab">
                <ul>
                <li class="tab-item active"  role="presentation"><a href="#">登录</a></li>
                <li class="tab-item" role="presentation"><a href="#">注册</a></li>
                </ul>
                </div>
            </div>
            <br>
            <label for="inputEmail" class="sr-only">用户名</label>
            <input type="email" id="inputEmail" class="form-control" placeholder="用户名" >
            <label for="inputPassword" class="sr-only">密码</label>
            <input type="password" id="inputPassword" class="form-control" placeholder="密码">
            <div class="checkbox">
                <label>
                    <input type="checkbox" value="remember-me">记住我
                    <a href="#">忘记密码?</a>
                </label>
            </div>

            <a href="html/home.html" class="btn btn-lg btn-primary btn-block" type="submit">登录</a>


            微信登录
        </form>








</div>
</body>
</html>